[제이쿼리] wrap(), unwrap()을 사용하여 감싸고 있는 부모 태그를 제거 또는 추가

제이쿼리를 사용하여 현재 요소의 부모요소를 없애거나 추가할 수 있습니다. 바로 unwrap(), wrap() 메소드입니다.

$(test).wrap('<div></div>');
$(test).unwrap();
위 내용은 간단한 사용방법으로 랩핑하기 위한 부모요소가 필요한 경우 wrap()의 매개변수로 등의 태그명을 선택하여 넣어주는 방법을 사용합니다. 매우 간단하죠. 만약 span 태그로 랩핑한다면 아래와 같을 것입니다.

$(test).wrap('<span></span>');
unwrap()은 특별한 매개변수가 필요하지 않습니다. 현재 요소에서 부모요소 태그를 자동으로 제거하여 줍니다.

참고로 해당 메소드는 제이쿼리 1.4 이후부터 사용 가능합니다. 매우 손쉽게 사용이 가능한 두 메소드의 사용 방법은 아래 예제를 참고하세요.


만약 위와 같이 스크립트를 실행할 경우 태그 요소는 아래처럼 변경되어 부모요소인 div가 사라지게 됩니다.


물론 다시 원래대로 부모태그 div를 추가하고 싶다면 아래와 같이 스크립트 사용이 가능합니다.